<style tyle="text/css">
    .modal-lg {
        width: 50%;
    }
    .btn-style {
      width: 113px;
      margin-right: 10px;
    }
    .head-img {
      width: 30%;
      text-align: center;
      float: left;
      margin-top: 15px;
    }
    .red {
      color: #f00
    }
    .free_try {
      width: 150px;
      margin-right: 500px;
      margin-bottom: 10px;
    }
    .pay-style {
    /* border: 1px solid #ccc; */
    width: 113px;
    height: 35px;
    line-height: 35px;
    margin: 0 10px 10px 0;
    cursor: pointer;
  }
  .red {
    color: #f00;
  }
  .selected {
    border: 2px solid #f00;
  }
</style>
<div class="modal-header">
  <h4 class="modal-title">套餐信息</h4>
</div>
<div class="modal-body">

  <div class="wrapper-sm" ng-if="!buy">
    <div class="head-img">
      <img ng-src="https://shangke2.oss-cn-qingdao.aliyuncs.com/app/shopad/companycode1545190543000/no_picture.png" class="img-circle" width="70" height="70">
    </div>
    <div class="row">
      <div class="col-md-8">
        <h3>{{package.name}}</h3>
        <i class="red" ng-show="package.is_try == '0'">此套餐不可试用</i>
        <i class="red" ng-show="package.is_try != '0'">可免费试用 {{package.is_try}} 天</i>
        <h4>
            <button class="btn btn-rounded btn-sm btn-info" ng-show="package.price_level1 != 0">
              ￥{{package.price_level1*0.01}}/3个月
            </button>
            <button class="btn btn-rounded btn-sm btn-info" ng-show="package.price_level2 != 0">
              ￥{{package.price_level2*0.01}}/6个月
            </button>
            <button class="btn btn-rounded btn-sm btn-info" ng-show="package.price_level3 != 0">
              ￥{{package.price_level3*0.01}}/12个月
            </button>
          </h4>
      </div>
    </div>
    <div class="well m-t bg-light lt">
      <div class="row">
        <div ng-bind-html="package.description"></div>
      </div>
    </div>
  </div>

  <form name="form" class="form-horizontal" ng-if="buy">
    <div class="form-group">
      <h4 class="col-lg-3 text-right">购买期限：</h4>
      <div class="col-lg-9">
        <div class="btn-group img_info">
          <!-- <label class="btn btn-primary btn-style free_try" ng-model="fromDate.period" btn-radio="'0'"
          ng-if="package.is_try != 0 && package.pay_type == 0">
            <i class="fa fa-check text-active"></i> 免费试用({{package.is_try}}天)
          </label> -->
          <img src="{{package.try_img}}" ng-show="package.is_try != 0 && package.pay_type == 0" class="pay-style" ng-click="selectDate('0', $event.target)"></img>
          <img src="http://cardv2.oss-cn-hangzhou.aliyuncs.com/images/images/3%E4%B8%AA%E6%9C%88.jpg" ng-show="package.price_level1 != 0" class="pay-style" ng-click="selectDate('1',$event.target)"></img>
          <img src="http://cardv2.oss-cn-hangzhou.aliyuncs.com/images/images/6%E4%B8%AA%E6%9C%88.jpg" ng-show="package.price_level2 != 0" class="pay-style" ng-click="selectDate('2',$event.target)"></img>
          <img src="http://cardv2.oss-cn-hangzhou.aliyuncs.com/images/images/%E4%B8%80%E5%B9%B4.jpg" ng-show="package.price_level3 != 0" class="pay-style" ng-click="selectDate('3',$event.target)"></img>

          <!-- <label class="btn btn-info btn-style" ng-model="fromDate.period" btn-radio="'1'"
          ng-show="package.price_level1 != 0">
            <i class="fa fa-check text-active"></i> 3个月
          </label> -->
          <!-- <label class="btn btn-info btn-style" ng-model="fromDate.period" btn-radio="'2'"
          ng-show="package.price_level2 != 0">
            <i class="fa fa-check text-active"></i> 6个月
          </label>
          <label class="btn btn-info btn-style" ng-model="fromDate.period" btn-radio="'3'"
          ng-show="package.price_level3 != 0">
            <i class="fa fa-check text-active"></i> 12个月
          </label> -->
        </div>
      </div>
    </div>
    <div class="form-group">
      <h4 class="col-lg-3 text-right">支付方式：</h4>
      <div class="col-lg-6" >
            <img src="http://cardv2.oss-cn-hangzhou.aliyuncs.com/images/images/%E5%B9%B3%E5%8F%B0%E4%BD%99%E9%A2%9D.jpg" class="btn-style selected" ng-click="selectPay('1',$event.target)" alt="">

        <!-- <div class="btn-group">
          <label class="btn btn-info btn-style" ng-model="fromDate.pay_type" btn-radio="'1'">
            <i class="fa fa-check text-active"></i> 平台余额
          </label>
        </div> -->
      </div>
    </div>
    <div class="form-group">
        <h4 class="col-lg-3 text-right">邀请码：</h4>
        <div class="col-lg-4">
            <input type="text" class="form-control" ng-model="fromDate.invitation_code">
        </div>
      </div>
    <div class="form-group">
      <h4 class="col-lg-3 text-right">支付金额：</h4>
      <h4 class="col-lg-4 red">{{package['price_level'+fromDate.period] * 0.01 || 0}} 元</h4>
    </div>
  </form>

</div>
<div class="modal-footer">
  <button class="btn btn-success" type="button" ng-click="ok()" ng-if="buy">确认购买</button>
  <button class="btn btn-danger" type="button" ng-click="cancel()">关闭</button>
</div>